<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	version="1.0">
	<xsl:template match="/">

		<link type="text/css" rel="stylesheet"
			href="http://s1.r7.com/r7/css/jquery.lightbox-0.5.css" />
		<link type="text/css" rel="stylesheet" href="http://s1.r7.com/r7/css/reset.css" />
		<link type="text/css" rel="stylesheet" href="http://s1.r7.com/r7/css/screen.css" />
		<link type="text/css" rel="stylesheet" href="http://s1.r7.com/r7/css/chamadas.css" />
		<link type="text/css" rel="stylesheet" href="http://s1.r7.com/r7/css/esportes.css" />

		<xsl:if test="//renderMode=0">
			<script src="http://s1.r7.com/r7/js/jquery.js" type="text/javascript"></script>
			<script src="http://s1.r7.com/r7/js/jquery.lightbox-0.5.min.js"
				type="text/javascript"></script>
			<script src="http://s1.r7.com/r7/js/lib.js" type="text/javascript"></script>
			<script src="http://s1.r7.com/r7/js/esportes_lib.js" type="text/javascript"></script>
		</xsl:if>

		<div class="site_centro">
			<div class="site_geral">
				<div class="centro_colunal">
					<div class="centro_conteudo">

						<div class="ch_abas mosaico_series">
							<h6 class="chapeu_foto">
								<a title="Ir para a página de Futebol" href="#">Futebol</a>
							</h6>
							<br class="clear" />

							<ul class="abas">
								<xsl:for-each select="//control[@type='lum_tabularData']/data/row[not(categoryId=preceding-sibling::row/categoryId)]">
						            <li title="{categoryId}" onclick="trocaAba(this)">
						            	<xsl:if test="position() = 1">
						            		<xsl:attribute name="class">ativo</xsl:attribute>
						            	</xsl:if>
						            	<xsl:value-of select="categoryId"/>
						            </li>  
						        </xsl:for-each>
							</ul>
							
								<xsl:for-each select="//control[@type='lum_tabularData']/data/row[not(categoryId=preceding-sibling::row/categoryId)]">
						            <xsl:variable name="c" select="categoryId" />  
						            
						            <div>
						            	<xsl:choose>
											<xsl:when test="position() = 1">
												<xsl:attribute name="class">aba_conteudo ativo</xsl:attribute>
											</xsl:when>
											<xsl:otherwise>
												<xsl:attribute name="class">aba_conteudo</xsl:attribute>
											</xsl:otherwise>
										</xsl:choose>
										<ul>
											<xsl:choose>
												<xsl:when test="position() = 1">
													<xsl:attribute name="class">serie_a</xsl:attribute>
												</xsl:when>
												<xsl:otherwise>
													<xsl:attribute name="class">serie_b</xsl:attribute>
												</xsl:otherwise>
											</xsl:choose>
						            
						                        <xsl:for-each select="//control[@type='lum_tabularData']/data/row[categoryId=$c]">  
						                            <li>
														<a title="Ir para Atlético-GO"
															href="http://esportes.r7.com/futebol/times/atletico-goianiense/noticias/todas-de-atletico-goianiense.html">
															<img style="width: 37px; height: 32px;" alt="Atlético-GO"
																src="{image/downloadHref}" />
														</a>
													</li>  
						                        </xsl:for-each>  
						            
							            </ul>
										<div class="clear"><!-- -->
										</div>
									</div>
						        </xsl:for-each>
								

						</div>
					</div>
				</div>
			</div>
		</div>

	</xsl:template>
</xsl:stylesheet>